<template>
  <header class="d-flex align-center pl-5 head">
    <h3 class="pr-2">File</h3>
    <v-file-input
      flat
      multiple
      hide-input
      webkitdirectory
      prepend-icon="mdi-upload"
      class="upload-btn"
      @change="uploadFile"
    >
    </v-file-input>
  </header>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
interface IImage {
  id: string;
  src: string;
  name: string;
}
@Component
export default class Header extends Vue {
  uploadFile(files: HTMLInputElement["files"]) {
    if (files) {
      for (let i = 0; i < files.length; i++) {
        console.log(files[i]);
      }
    } else {
      return;
    }
  }
}
</script>

<style lang="scss" scoped>
@import "@/components/Library/Header/Header.scss";
</style>
